/* This is just an example.  You shouldn't do this. */
#ezqw-hello
{
  color: red ! important;
}
#ezqw-toolbar-button
{
  list-style-image: url("chrome://ezqw/skin/toolbar-button.png");
  -moz-image-region: rect(0px 24px 24px 0px);
}
#ezqw-toolbar-button:hover
{
  -moz-image-region: rect(24px 24px 48px  0px);
}
[iconsize="small"] #ezqw-toolbar-button
{
  -moz-image-region: rect( 0px 40px 16px 24px);
}
[iconsize="small"] #ezqw-toolbar-button:hover
{
  -moz-image-region: rect(24px 40px 40px 24px);
}



.ezqw {
  margin: 0px !important;
  padding: 0px !important;
  border: 0px !important;
}
.ezqw-bar {
  border-top: 1px solid ThreeDHighlight;
  border-bottom: 1px solid ThreeDShadow;
}
#ezqw-box {
  min-height: 20px;
  min-width: 20px;
  height: 240px;
  width: 240px;
}

#fbStatusIcon {
    list-style-image: url("chrome://ezqw/skin/okIcon-sm.png");
}

/* ::::: 16px primary toolbar buttons ::::: */

toolbar[iconsize="small"] .toolbarbutton-ezqw {
  -moz-box-orient: vertical;
  min-width: 0;
  list-style-image: url("chrome://ezqw/skin/toolbar-small.png");
}

toolbar[iconsize="small"] .toolbarbutton-ezqw .toolbarbutton-icon {
  -moz-margin-end: 0px;
}

toolbar[iconsize="small"] .toolbarbutton-ezqw[type="menu-button"] {
  border: 0 !important;
}

/* ::::: small back button ::::: */

/* back button-- */

toolbar[iconsize="small"] #ezqw-back-button .toolbarbutton-icon {
  padding-right: 1px;
}
toolbar[iconsize="small"] #ezqw-back-button {
  -moz-image-region: rect(0px 16px 16px 0px);
}
toolbar[iconsize="small"] #ezqw-back-button:not([disabled="true"]):hover,
toolbar[iconsize="small"] #ezqw-back-button[buttonover="true"] {
  -moz-image-region: rect(16px 16px 32px 0px);
}
toolbar[iconsize="small"] #ezqw-back-button[disabled="true"] {
  -moz-image-region: rect(32px 16px 48px 0px);
}
toolbar[iconsize="small"] #ezqw-back-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 16px 80px 0px);
}


/* small forward button-- */

toolbar[iconsize="small"] #ezqw-forward-button .toolbarbutton-icon {
  padding-right: 1px;
}
toolbar[iconsize="small"] #ezqw-forward-button {
  -moz-image-region: rect(0px 32px 16px 16px);
}
toolbar[iconsize="small"] #ezqw-forward-button:not([disabled="true"]):hover,
toolbar[iconsize="small"] #ezqw-forward-button[buttonover="true"] {
  -moz-image-region: rect(16px 32px 32px 16px);
}
toolbar[iconsize="small"] #ezqw-forward-button[disabled="true"] {
  -moz-image-region: rect(32px 32px 48px 16px);
}
toolbar[iconsize="small"] #ezqw-forward-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 32px 80px 16px);
}

/* stop button */

toolbar[iconsize="small"] #ezqw-stop-button .toolbarbutton-icon {
  padding-left: 1px;
}
toolbar[iconsize="small"] #ezqw-stop-button {
  -moz-image-region: rect(0px 48px 16px 32px);
}
toolbar[iconsize="small"] #ezqw-stop-button:not([disabled="true"]):hover {
  -moz-image-region: rect(16px 48px 32px 32px);
}
toolbar[iconsize="small"] #ezqw-stop-button[disabled="true"] {
  -moz-image-region: rect(32px 48px 48px 32px);
}
toolbar[iconsize="small"] #ezqw-stop-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 48px 80px 32px);
}

/* reload button */

toolbar[iconsize="small"] #ezqw-reload-button .toolbarbutton-icon {
  padding-left: 1px;
}
toolbar[iconsize="small"] #ezqw-reload-button {
  -moz-image-region: rect(0px 64px 16px 48px);
}
toolbar[iconsize="small"] #ezqw-reload-button:not([disabled="true"]):hover {
  -moz-image-region: rect(16px 64px 32px 48px);
}
toolbar[iconsize="small"] #ezqw-reload-button[disabled="true"] {
  -moz-image-region: rect(32px 64px 48px 48px);
}
toolbar[iconsize="small"] #ezqw-reload-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 64px 80px 48px);
}
/* home button */

toolbar[iconsize="small"] #ezqw-home-button .toolbarbutton-icon {
  padding-left: 1px;
}
toolbar[iconsize="small"] #ezqw-home-button {
  -moz-image-region: rect(0px 80px 16px 64px);
}
toolbar[iconsize="small"] #ezqw-home-button:not([disabled="true"]):hover {
  -moz-image-region: rect(16px 80px 32px 64px);
}
toolbar[iconsize="small"] #ezqw-home-button[disabled="true"] {
  -moz-image-region: rect(32px 80px 48px 64px);
}
toolbar[iconsize="small"] #ezqw-home-button:not([disabled="true"]):hover:active {
  -moz-image-region: rect(64px 80px 80px 64px);
}


#ezqw-close-button {
  list-style-image: url("chrome://ezqw/skin/close.png");
  -moz-appearance: none;
  -moz-image-region: rect(0px, 16px, 16px, 0px);
  padding: 4px 2px;
  border: none !important;
}

#ezqw-close-button {
  -moz-image-region: rect(0px, 32px, 16px, 16px);
}

#ezqw-close-button:hover:active {
  -moz-image-region: rect(0px, 48px, 16px, 32px);
}

